.sign_in {
    width: 100%;

}

.page {
    padding: 9.066vw 6.4vw 0;
}

.logo {
    width: 30.1333vw;
    height: 18.6667vw;
}

.content {
    margin-top: 0px;
    padding-bottom: 0px;
}

.flex {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.signInBox {
    margin-top: 8.5333vw;
    margin-bottom: 5.8667vw;
}

.signIn {
    font-size: 5.8667vw;
    font-family: Montserrat-Bold, Montserrat-ExtraBold, ;
    font-weight: 800;
    color: var(--main-text);
}

.mobile {
    font-size: 4vw;
    font-family: Montserrat-Bold;
    font-weight: 500;
    color: var(--main-text);
    cursor: pointer;
}

.switch {
    width: 5.3333vw;
    height: 5.3333vw;
    margin-left: 1.0667vw;
    cursor: pointer;
}

.label {
    font-size:  var(--m13);
    font-family: Montserrat-Regular;
    font-weight: 400;
    color: #59595F;
    margin-bottom: 2.1333vw;
}

.labelBox {
    margin-bottom: 6.4vw;
}

.forget {
    font-size: 3.4667vw;
    font-family: Montserrat-Bold, Montserrat-Bold;
    font-weight: 500;
    color: var(--main-text);
    width: 100%;
    text-align: end;
    margin-top: 2.1333vw;
}

.btn {
    cursor: pointer;
    background: rgb(255,255,255, .4);
    // backdrop-filter: blur(17.5PX);
    border-radius: 1.6vw;
    height: 11.7333vw;
    text-align: center;
    margin-top: 28.266vw;
    font-size: 3.733vw;
    font-family: Montserrat-Medium;
    font-weight: 500;
    color: #B1B2BC;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--m12);
    &.active {
        background: linear-gradient(180deg, #5F6FFC 0%, #4C44E1 100%);
        color: #fff;
    }
}

.signUpBox {
    margin-top: 2.1333vw;
    display: flex;
    justify-content: center;
}

.text {
    font-size: 3.4667vw;
    font-family: Montserrat-Bold, Montserrat-Bold;
    font-weight: 500;
    color: var(--main-text);
}

.signUp {
    font-size: 3.4667vw;
    font-family: Montserrat-Bold, Montserrat-Bold;
    font-weight: 500;
    color: var(--primary);
    margin-left: 1.3333vw;
}


.back {
    margin-top: 4.8vw;
    color: var(--secondary-middle-text);
    text-decoration-line: underline;
    text-align: center;
    font-size: 3.5vw;

    span {
        cursor: pointer;
    }
}


@media screen and (min-width:1280px) {
    .sign_in {
        width: 100%;

    }

    .page {
        padding: 0 30.08px;
    }

    .logo {
        width: 141.6265px;
        height: 87.7335px;
    }

    .content {
        margin-top: 0px;
        padding-bottom: 0px;
    }

    .flex {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .signInBox {
        margin-top: 40.1065px;
        margin-bottom: 27.5735px;
    }

    .signIn {
        font-size: 27.5735px;
        font-weight: 800;
        color: var(--main-text);
    }

    .mobile {
        font-size: 18.8px;
        font-weight: 500;
        color: var(--main-text);
    }

    .switch {
        width: 25.0665px;
        height: 25.0665px;
        margin-left: 5.0135px;
    }

    .label {
        font-size: 18.8px;
        font-weight: 600;
        color: var(--field-label);
        margin-bottom: 10.0265px;
    }

    .labelBox {
        margin-bottom: 30.08px;
    }

    .forget {
        font-size: 16.2935px;
        font-weight: 500;
        color: var(--main-text);
        width: 100%;
        text-align: end;
        margin-top: 10.0265px;
    }

    .btn {
        background: rgba(255,255,255,.4);
        backdrop-filter: blur(17.5PX);
        border-radius: 7.52px;
        height: 55.1465px;
        text-align: center;
        margin-top: 71.44px;
        font-size: 20.0535px;
        font-weight: bold;
        color: var(--disabled-text);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .signUpBox {
        margin-top: 10.0265px;
        display: flex;
        justify-content: center;
    }

    .text {
        font-size: 16.2935px;
        font-weight: 500;
        color: var(--main-text);
    }

    .signUp {
        font-size: 16.2935px;
        font-weight: 500;
        color: var(--primary);
        margin-left: 6.2665px;
    }

    .back {
        margin-top: 22.56px;
        font-size: 16.45px;
    }
}